<nav id="mainmenu" class="visible-lg-block visible-md-block navbar navbar-default navbar-fixed-top" role="navigation" style="position:relative;top: 0; z-index: 998;height: 70px;background: #ffffff;border-bottom:1px solid #D4D4D4;">
    <div class="menu-box">
        <div class="container-fluid">
            <div class="navbar-header">
                <a type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <img src="/static/images/mobile/icon/汉堡包.png" width="28px">
                </a>
                <span class="pull-right nav-search toggle-search" data-toggle="modal" data-target="#myModal"><img src="/static/images/mobile/icon/搜索（白）.png" width="28px"></span>
<!--                <div style="line-height: 70px">-->
<!--                    <a href="/index"><img src="/static/images/logo.png" width="100px" alt="农业科技有限公司"></a>-->
<!--                </div>-->
            </div>
            <div id="navbar" class="navbar-collapse navbar-pc-box">
                <a class="logo-img" href="/"><img src="/static/images/icon/logo.png"></a>
<!--                <ul class="nav navbar-nav ">-->
                    @for(nav in navList){
                    <div class="nav-title-height nav-item-box" style="position: static;">
                        @if(current == nav.navName){
                        <a href="${nav.navUrl}" class="menu_a menu-active" onmouseover="$.trim($(this).html())=='关于公司' ? $('#subCompany').show() : $('#subCompany').hide()">${nav.navName}</a>
                        @}else if(nav.navName == '关于公司'){
                         <a class="menu_a" onmouseover="$.trim($(this).html())=='关于公司' ? $('#subCompany').show() : $('#subCompany').hide()"> ${nav.navName}</a>
                        @}else{
                        <a href="${nav.navUrl}" class="menu_a" onmouseover="$.trim($(this).html())=='关于公司' ? $('#subCompany').show() : $('#subCompany').hide()">
                            ${nav.navName}</a>
                        @}
                        @if('关于公司'==nav.navName){
                            <div id="subCompany" class="nav-child-list" style="padding-left: calc(24% - 20px);display: none;" onmouseleave="$('#subCompany').hide()">
                            @for(sub in subList){
                                <a class="nav-child-item" href="/subDetail/subId${sub.id}.html" target="_blank">
                                    <div class="nav_box">
                                        <img src="${ctxPath}/static/images/icon/back.png" width="14" class="nav_img">
                                        <div class="child-title menu_child_a">${sub.dateName}</div>
                                    </div>
                                </a>
                            @}
                            </div>
                        @}
                    </div>
                    @}
<!--                </ul>-->
<!--            <div class="visible-lg-block" style="position:fixed;width: 200px;color:white;height: 28px;border-radius: 40px;right: 20px;border: 1px solid white;margin-top: 26px;">-->
<!--                <form action="/search/" method="get">-->
<!--                    <input id="bdcsMain" placeholder="智能马桶 智能马桶盖" name="keywords" style="outline:none;color: white;height: 28px;border-radius: 40px;width: 165px;background: transparent;border: none;line-height: 28px;display: inline-block;margin-left: 6px;" title="search" >-->
<!--                    <button style="height:15px;width:15px;position: absolute;top: 5px;right: 10px;background: url('${ctxPath}/static/images/pc/icon/搜索.png');border-style:none;padding: 0" type="submit"></button>-->
<!--                </form>-->
<!--           </div>-->
        </div>
        </div>
    </div>
</nav>


<!--手机端 -->

<div id="mobile-head" class="visible-sm-block visible-xs-block mobile-head">
    <a class="logo-img" href="/"><img src="/static/images/icon/logo.png"></a>
    <a data-toggle="modal" data-target="#myMenuModal" class="list-icon"><img id="header-menu" src="/static/images/icon/mobile_list.png" style="width: 17px"></a>
</div>
<div class="modal fade" id="myMenuModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-content modal-dialog" style="height: 100%;width: 100%;padding: 0;margin: 0;background-color: rgba(0, 0, 0, 0.7);">
        <div style="width: 100%;height: 80px">
            <div class="modal-header" style="padding: 5px 15px;border-bottom:none">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 20px;opacity: 1;">
                    <img src="/static/images/mobile/icon/close.png" width="24">
                </button>
            </div>
        </div>
        @for(item in navList){
            @if(item.navName == '关于公司'){
            <a href="/subDetail/subId5.html" class="footer-nav">
                <span> ${item.navName}</span>
                <i class="fa fa-angle-right" aria-hidden="true" style="margin-top:5px;font-size: 30px;color: white;float: right"></i>
            </a>
            @}else{
            <a href="${item.navUrl}" class="footer-nav">
                <span> ${item.navName}</span>
                <i class="fa fa-angle-right" aria-hidden="true" style="margin-top:5px;font-size: 30px;color: white;float: right"></i>
            </a>
            @}
        @}
    </div>
</div>

<script type="text/javascript">

</script>
